<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      let arr = [1, 23, 54, 35, 66, 33, 83, 54, 99, 44, 22, 23, 898, 35, "1"];
      // 第一种
      const result = Array.from(new Set(arr));
      const result1 = [...new Set(arr)];
      //   console.log(result);
      //   console.log(result1);
      // 第二种
      function uniqueFun2(arr) {
        let len = arr.length;
        for (let i = 0; i < len; i++) {
          for (let j = i + 1; j < len; j++) {
            if (arr[i] === arr[j]) {
              arr.splice(j, 1);
              len--;
              j++;
            }
          }
        }
        return arr;
      }

      //   console.log(uniqueFun2(arr));

      // 第三种
      function uniqueFun3(arr) {
        const newArr = [];
        arr.forEach((item) => {
          if (newArr.indexOf(item) === -1) {
            newArr.push(item);
          }
        });
        return newArr;
      }
      //   console.log(uniqueFun3(arr));

      // 第四种
      function uniqueFun4(arr) {
        const newArr = [];
        arr.forEach((item) => {
          if (newArr.includes(item)) {
            newArr.push(item);
          }
        });
        return newArr;
      }
      //   console.log(uniqueFun3(arr));

      // 第五种
      function uniqueFun5(arr) {
        return arr.filter((item, index) => {
          return arr.indexOf(item) === index;
        });
      }
      //   console.log(uniqueFun5(arr));

      // 第六种
      function uniqueFun6(arr) {
        const map = new Map();
        const newArr = [];
        arr.forEach((item) => {
          if (!map.has(item)) {
            map.set(item, true);
            newArr.push(item);
          }
        });
        return newArr;
      }
      //   console.log(uniqueFun6(arr));
      // 第七种
      function uniqueFun7(arr) {
        const newArr = [];
        const obj = {};

        arr.forEach((item) => {
          if (!obj[item]) {
            newArr.push(item);
            obj[item] = true;
          }
        });
        return newArr;
      }

      // console.log(uniqueFun7(arr));

      // 第八种
      function uniqueFun8(arr) {
        return arr.reduce(
          (prev,cur) => (prev.includes(cur) ? prev : [...prev,cur]),[]
        )
      }

      console.log(uniqueFun8(arr));
    </script>
  </body>
</html>
